
<ion-view title="">
    <ion-nav-buttons side="left">
        <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
    </ion-nav-buttons>
    <ion-content>
        <div class="row">
            <div class="col col-30">
                <i class="fa fa-shopping-cart" style="font-size: 2.5em"></i>
                <button class="button button-small button-assertive"
                        style="font-size: 1.6em; margin-left: 10px; padding: 0px 10px;">15
                </button>
            </div>
            <div class="col col-60" style="text-align: right; font-size: 2.5em; color: #a5a5a5; padding-top: 15px;">
                150.000 đ
            </div>
        </div>
        <div class="row">
            <div class="col col-offset-10 col-90" style="text-align: right">
                <button class="button button-calm icon-right ion-chevron-right" style="padding-left: 20px;">Đồ uống
                </button>
            </div>
        </div>
        <div class="row">
            <label class="item item-input" style="width: 100%">
                <i class="icon ion-search placeholder-icon"></i>
                <input type="text" placeholder="Tên sản phẩm">

                <div class="button ion-plus-round" style="margin-right: 10px; font-size: 2em"></div>
            </label>
        </div>
        <ion-list>
            <ion-item ng-repeat="playlist in playlists" href="#/app/playlists/{{playlist.id}}">
                {{playlist.title}}
            </ion-item>
        </ion-list>
    </ion-content>
</ion-view>


